<template>
	<view class="container">
		<input class="search-bar" placeholder="请输入文件名称模糊查询" style="background-color: #fff;" />

		<view class="file-list">

			<view >
				<view style="background-color: #fff;height: 50px;padding: 10px; border-radius: 5px; margin-bottom: 4px;">
					<view class="file-name" >全局共享文件.docx</view>
					<view class="file-date">2023/4/23 10:11更新</view>
				</view>
				<view style="background-color: #fff;height: 50px;padding: 10px; border-radius: 5px;margin-bottom: 4px; ">
					<view class="file-name">公文文件.docx</view>
					<view class="file-date">2023/4/23 10:11更新</view>
				</view>

				<view style="background-color: #fff;height: 50px;margin-bottom: 4px; padding: 10px; border-radius: 5px;">
					<view class="file-name">公文文件.docx</view>
					<view class="file-date">2023/4/23 10:11更新</view>
				</view>
				<view style="background-color: #fff;height: 50px;margin-bottom: 4px; padding: 10px; border-radius: 5px;">
					<view class="file-name">公文文件.docx</view>
					<view class="file-date">2023/4/23 10:11更新</view>
				</view>
				<view style="background-color: #fff;height: 50px;margin-bottom: 4px; padding: 10px; border-radius: 5px;">
					<view class="file-name">公文文件.docx</view>
					<view class="file-date">2023/4/23 10:11更新</view>
				</view>
			</view>
		</view>
		</view>
</template>

<style>
	page {
		background-color: #f5f5f5;
	}

	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20px;
	}

	.search-bar {
		width: 100%;
		padding: 10px;
		margin-bottom: 20px;
		font-size: 14px;
		border: 1px solid #ccc;
	}

	.shared-folder {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.file-list {
		width: 100%;
	}

	.file-name,
	.file-date {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.file-name {
		font-size: 20px;
	}

	.file-date {
		color: #7a6666;
	}
</style>